<script setup lang="ts">
withDefaults(defineProps<{ label: string, value: string, tip?: string }>(), { tip: '' })
</script>

<template>
  <div class="card card-hover reveal animate-fade-up p-5">
    <div class="text-2xl font-800">
      {{ value }}
    </div>
    <div class="text-sm opacity-70">
      {{ label }}
    </div>
    <div v-if="tip" class="text-xs mt-2 opacity-60">
      {{ tip }}
    </div>
  </div>
</template>
